<div id="top">
    <!-- 头部上 -->
    <div id="top_1">

        <!-- logo -->
        <a href="#"><img src="../images/logo2.png" alt=""></a>

        <!-- 搜索框 -->
        <div id="top_2">
            <input type="text" placeholder="请输入菜谱/食材/菜单/作者" id="inp_inp"><p>搜索</p>
        </div>

        <!-- 登陆-注册 -->
        <div id="top_3">
                <a href="./html/QQ_landing.html">QQ登陆</a> 
                <a href="./html/microblog_landing.html">微博登陆</a>
                <a href="./html/login.html">注册</a>
                <a href="./html/landing.html">登陆</a>
        </div>
    </div>
</div>

<!-- 头部下-菜单栏 -->
<ul>
    <li><a href="#">首页</a><p></p></li>
    <li><a href="#">菜谱大全</a></li>
    <li><a href="#">饮食健康</a></li>
    <li><a href="#">美食菜单</a></li>
    <li><a href="#">家居馆</a></li>
    <li><a href="#">美食达人</a></li>
    <li><a href="#">菜谱视频</a></li>
    <li><a href="#">产品下载</a></li>
</ul>

<!-- 下拉菜单 -->
<div id="pull_1">
    <div id="pull_list">
        <div id="list_top">
            <h1><a href="./html/list.html">家常菜谱</a></h1>
            <ul>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
                <a href="./html/list.html">家常菜</a>
            </ul>
        </div>
        <div id="list_bottom">
            <div id="li_bo_1">
                    <h1><a href="#">中华菜系</a></h1>
                    <ul>
                        <a href="#">川菜</a>
                        <a href="#">川菜</a>
                        <a href="#">川菜</a>
                        <a href="#">川菜</a>
                        <a href="#">川菜</a>
                        <a href="#">川菜</a>
                        <a href="#">川菜</a>
                        <a href="#">川菜</a>
                    </ul>
                    <h1><a href="#">外国菜谱</a></h1>
                    <ul>
                        <a href="#">韩国料理</a>
                        <a href="#">韩国料理</a>
                        <a href="#">韩国料理</a>
                        <a href="#">韩国料理</a>
                    </ul>
                    <h1><a href="#">厨房百科</a></h1>
                    <ul>
                        <a href="#">烹饪技巧</a>
                        <a href="#">烹饪技巧</a>
                        <a href="#">烹饪技巧</a>
                        <a href="#">烹饪技巧</a>
                    </ul>
            </div>
            <div id="li_bo_2">
                    <h1><a href="#">各地小吃</a></h1>
                    <ul>
                        <a href="#">四川小吃</a>
                        <a href="#">四川小吃</a>
                        <a href="#">四川小吃</a>
                        <a href="#">四川小吃</a>
                    </ul>
                    <h1><a href="#">烘焙</a></h1>
                    <ul>
                        <a href="#">蛋糕面包</a>
                        <a href="#">蛋糕面包</a>
                        <a href="#">蛋糕面包</a>
                    </ul>
                    <h1><a href="#">食材百科</a></h1>
                    <ul>
                        <a href="#">蔬菜</a>
                        <a href="#">蔬菜</a>
                        <a href="#">蔬菜</a>
                    </ul>
            </div>
            <div id="li_bo_3"></div>
        </div>
    </div>
</div>